<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>例子</title>
    <link href="css/bootstrap.css" type="text/css" rel="stylesheet">
    <style type="text/css">
    .sp-close {
        position: absolute;
        right: 10px;
        top: 10px;
    }
    </style>
    <script src="https://cdn1.lncld.net/static/js/av-min-1.0.0.js"></script>
    <script src="bower_components/crypto-js/core.js"></script>
    <script src="bower_components/crypto-js/md5.js"></script>
    <script src="http://apps.bdimg.com/libs/underscore.js/1.7.0/underscore-min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/backbone.js/1.1.2/backbone-min.js"></script>
    <script src="js/lib/md5.js"></script>
    <script src="js/app/base.js"></script>
</head>
<body>
    <div class="container" id="page-issue-list">
        <h1>问题列表</h1>
        <a href="#issue/new" class="btn btn-success">新建问题</a>
        <p></p>
        <ul id="issue-list" class="list-group"></ul>
    </div>
    <div class="container" id="page-issue-create">
        <h1>新建问题</h1>
        <form class="form-horizontal">
            <div class="form-group">
                <label for="title" class="col-sm-2 control-label">标题</label>
                <div class="col-sm-10">
                    <input type="text" id="title" class="form-control" placeholder="标题">
                </div>
            </div>
            <div class="form-group">
                <label for="description" class="col-sm-2 control-label">描述</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="description" placeholder="描述">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button id="save-btn" class="btn btn-default">保存</button>
                </div>
            </div>
        </form>
    </div>
    <div class="container" id="page-issue-edit">
        <h1>编辑问题</h1>
       
            <div class="form-group">
                <label for="title-edit" class="col-sm-2 control-label">标题</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" placeholder="请输入标题" id="title-edit">
                </div>
            </div>
            <div class="form-group">
                <label for="description-edit" class="col-sm-2 control-label">描述</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="description-edit" placeholder="请输入描述">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" id="btn-save" class="btn btn-default">保存</button>
                </div>
            </div>
      
    </div>
    <script type="text/template" id="issue-item-view">
        <h4 class="list-group-itme-heading"><%=title %>
           <!--  <small> <%=objectId %></small> -->
        </h4>
        <p class="list-group-itme-text">
            <%=description %>
        </p>
        <button type="button" class="close sp-close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    </script>
    <script src="js/app/main.js"></script>
</body>
</html>
